<template>
	<view class="guide">
		<uv-navbar placeholder autoBack bgColor="#CA1C1D">
			<template v-slot:left>
				<view class="left_slot">
					<image src="@/static/images/back.png"></image>
				</view>
			</template>
			<template v-slot:center>
				<view class="nav_title">至尊卡说明</view>
			</template>
		</uv-navbar>
		<image :src="zzk_img" mode="widthFix" class="cover"></image>
	</view>
</template>

<script setup>
	import {
		setting
	} from "@/request/api";
	import {
		ref
	} from "vue";
	let zzk_img = ref("");
	const getList = async () => {
		let {
			setting: res
		} = await setting();
		zzk_img.value = res.upload_zzk;
	};
	getList();
</script>

<style scoped lang="scss">
	.guide {
		height: calc(100vh - var(--window-top) - var(--window-bottom));

		.left_slot {
			image {
				width: 43rpx;
				height: 36rpx;
			}
		}

		.nav_title {
			color: #F5F5F5;
			font-size: 36rpx;
		}

		.cover {
			width: 100%;
		}
	}
</style>